<template>
  <div class="warpper">
    <div class="warpper_header">
        <span class="title animated rubberBand" style="font-family: KaiTi_GB2312;">
          <img  src="../../assets/img/logo.png" style="width:35px;height:35px;vertical-align: bottom;">Boss软件</span>
    </div>
    <div class="warpper_bottom">
        <div class="warpper_container" style="height: calc(100% - 50px);">
            <router-view></router-view>
        </div>
        <van-tabbar route>
          <van-tabbar-item replace to="/home" icon="wap-home-o">
            首页
          </van-tabbar-item>
          <van-tabbar-item replace to="/case" icon="qr">
            相关案例
          </van-tabbar-item>
          <van-tabbar-item replace to="/service" icon="cluster-o">
            产品服务
          </van-tabbar-item>

          <van-tabbar-item replace to="/contact" icon="contact">
            联系我们
          </van-tabbar-item>
        </van-tabbar>
    </div>
  </div>
</template>

<script>
    export default {
        components: {
            
        },
        data() {
            return {
                
            }
        },
        computed: {
            
        },
        watch: {
            
        },

        methods: {
            
        },

        mounted() {
            
        },
        created() {
            
        }
    }
</script>

<style lang="scss" scoped>
    .warpper {
        width: 100%;
        height: 100%;
        position: relative;
        overflow: hidden;
        &_header {
            width: 100%;
            height: 130px;
            color: #fff;
            font-size: 40px;
            background-color: black;
            @extend .flex_center;
            position: absolute;
            left: 0;
            top: 0;
            .title {
                font-size: 50px;
            }
        }
        &_bottom {
            position: absolute;
            left: 0;
            top: 130px;
            width: 100%;
            height: calc(100% - 130px);
            .warpper_container {
                width: 100%;
                overflow: auto;
            }
        }
    }
</style>
